<template>
  <div class="app-container">
    <div class="map-class">
      <!-- 这是个容器，在这上面使用指令，则给此容器加上水印 -->
      <div v-waterMarker="{text:'这里是水印',textColor:'red'}" style="height: 200px">
        <h1>1. test v-watermarker</h1>
      </div>

      <div v-waterMarker="{text:'版权所有 ©xn213',textColor:'blue'}" style="height: 200px">
        <h1>2. test v-watermarker</h1>
      </div>
      <div v-waterMarker="{text:waterMarKerText,textColor:'blue'}" style="height: 200px">
        <h1>3. test v-watermarker动态文字：{{waterMarKerText}}</h1>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  mixins: [],
  components: {},
  props: {},
  data() {
    return {
      waterMarKerText: '水印测试',
    };
  },
  computed: {},
  watch: {},
  mounted() {},
  created() {
    let value  = 1
    setInterval(()=>{
      this.waterMarKerText = '水印测试' + (value++)
    },1000)
  },
  methods: {},
};
</script>

<style scoped lang="scss">
</style>
